aside {
    position: fixed;
    right: 0;
    .vertically-middle(fixed);

    @media (max-width: @screen-xs-max) {
      position: relative;
      display: table;
      width: 100%;
      right: auto;
      top: 0;
      transform: none;
      .float-container();
    }
}

aside .links {
    margin: 0;
    padding: 0;
    @media (max-width: @screen-xs-max) {
      display: table-row;
    }
}

aside .link {
    list-style-type: none;
    margin-top: @padding-base-vertical;
    background-color: fade(black, 80%);
    padding: @padding-large-vertical;
    border-radius: 5px 0 0 5px;

    transition:  all 0.3s ease-out;
    &:hover, &:active {
        background-color: fade(@bright-color, 80%);
    }

    @media (max-width: @screen-xs-max) {
      display: table-cell;
      background-color: @text-color;
      border-radius: 0;
      text-align: center;
    }
}



aside a {
    width: 100%;
    &:link, &:visited, &:hover, &:active {
        color: white;
    }
}
